<template>
    <div>
    <footer class="footer">
      <div class="footer-columns">
        <div class="column">
          <h2 class="h2Title">买家指南</h2>
          <ul>
            <li><a href="#">功能介绍</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">服务条款</a></li>
          </ul>
        </div>
        <div class="column">
          <h2 class="h2Title">卖家指南</h2>
          <ul>
            <li><a href="#">入驻流程</a></li>
            <li><a href="#">申请入驻</a></li>
            <li><a href="#">邀请有礼</a></li>
          </ul>
        </div>
        <div class="column">
          <h2 class="h2Title">关于我们</h2>
          <ul>
            <li><a href="#">平台声明</a></li>
            <li><a href="#">建议反馈</a></li>
          </ul>
        </div>
        <div class="column">
          <h2 class="h2Title">联系我们</h2>
          <ul>
            <li class="liOne" ><i  >

<img  src="../../../static/login/landline.png" alt="">
</i> 400-XXX-XXX</li>
            <li class="liTwo" ><i >

<img src="../../../static/login/mailbox.png" alt="">
</i> service@hotmail.com</li>
            <li class="liThree">
<i >
  <img src="../../../static/login/position.png" alt="">
</i> 地址信息文字占位地址信息文字占位</li>
          </ul>
        </div>
      </div>
      <p class="copyright">Copyright © 2024 线上海事 All Rights Reserved. 京公网安备11010602005977号 | 蜀ICP备11019833号</p>
    </footer>
    </div>
  </template>
  
  <script>

  export default {
    name: "new-page-header",
    data() {
      return {
  
      };
    },
    computed: {
  
  
  
    },
    watch: {},
  
    created() { },
  
    methods: {},
  };
  </script>
  
  <style scoped lang="less">


.liOne img{
  width: 24px;
  height: 24px;
}
.liTwo img{
  width: 24px;
  height: 24px;
}
.liThree img{
  width: 24px;
  height: 24px;
}
  .liThree{

    font-family: Arial, Arial;
font-weight: 400;
font-size: 14px;
color: #979798;
font-style: normal;
text-transform: none;
  }
  .liTwo{

    font-family: Arial, Arial;
font-weight: 400;
font-size: 14px;
color: #979798;
font-style: normal;
text-transform: none;
  }
  .liOne{

    font-family: Arial, Arial;
font-weight: 600;
font-size: 14px;
color: #666666;
font-style: normal;
text-transform: none;
  }
  .h2Title{

font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 18px;
color: #333333;

font-style: normal;
text-transform: none;
  }
   /deep/ .el-dialog__footer{
    padding: 0 0 22px 0!important;
    background: #F5F7FA;
  border-radius: 4px 4px 0px 0px;
  width: 100%;
  //  height: 88px;
   text-align: center;
  }

  .footer {
  // background-color: #f4f4f4;
  background: #F5F7FA;
  padding: 50px 0;
  width: 100%;
  height: 320px;
  text-align: center;
  border-top: 1px solid #DFE2E6;
}

.footer-columns {
  display: flex;
 
  margin-bottom: 20px;
}

.column {
  margin-left: 280px;
  text-align: left;
}

.column h2 {
  margin-bottom: 10px;
}

.column ul {
  list-style: none;
}

.column ul li {
line-height: 40px;
text-align: left;
font-style: normal;
text-transform: none;
}

.column ul li a {
  font-family: Avenir, Avenir;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  color: #979798;
  font-size: 14px !important;
}

.column ul li i {
  position: relative;
  top: -8px;
  margin-right: 5px;
}

.copyright {
  border-top: 1px solid #D3D8DE;
  height: 56px;
  font-size: 12px;
  line-height: 56px;
font-family: Arial, Arial;
font-weight: 400;

color: #546177;

text-align: center;
font-style: normal;
text-transform: none;
 margin-top: 55px;

}
  </style>
  